// SERP means search engine result page (standard abbreviation)


.s_SP
  margin-top: 30px;

.s_SP_QueryTI
  width: calc(100% - 150px); // 150px = space for 'Search:' and the [Search] button
  min-width: 300px;
  max-width: 750px;
  padding: 6px 0 6px 3px;
  margin-left: 6px;
  // Make text easy to read, incl "magic" ':' and '+' and '-' tokens:
  font-size: 14px;
  font-family: monospace;

.s_SP_SearchB
  vertical-align: baseline;

.s_SP_Adv
  margin: 20px 0;

  .s_Expandable_Body
    background: hsl(0,0%,98.5%);

.s_SP_SearchedFor
  margin-top: 25px;

.s_SR,
.s_SR_Hit
  list-style: none;
  margin-left: 0;

.esSERP_Hit_PageTitle
  margin-bottom: 10px;

.esSERP_Hit_In
  font-style: italic;

.esSERP_Hit_In_Where
  color: hsl($uiHue, 100%, 47%);

.esSERP_Hit_Text
  .esHL1, .esHL2, .esHL3, .esHL4, .esHL5, .esHL6, .esHL7
    font-weight: bold;
  // 60 is yellow.
  .esHL1
    background: hsl(60, 100%, 50%);
  .esHL2
    background: hsl(60, 100%, 55%);
  .esHL3
    background: hsl(60, 100%, 60%);
  .esHL4
    background: hsl(60, 100%, 65%);
  .esHL5
    background: hsl(60, 100%, 70%);
  .esHL6
    background: hsl(60, 100%, 75%);
  .esHL7
    background: hsl(60, 100%, 80%);

